<template>
    <div class="bottom-bar">
        <nav>
            <ul>
                <router-link to="/dynIndex">
                    <li>
                        <i class="iconfont icon-dongtai"></i>
                        <span>
                        动态
                    </span>
                    </li>
                </router-link>
                <router-link to="/find">
                    <li>
                        <i class="iconfont icon-faxian"></i>
                        <span>
                        发现
                    </span>
                    </li>
                </router-link>
                <router-link to="/index/motion/motion-plan">
                    <li>
                        <i class="iconfont icon-yundong"></i>
                        <span>
                        运动
                    </span>
                    </li>
                </router-link>
                <router-link to="/index/information/private-letter">
                    <li>
                        <i class="iconfont icon-xiaoxi"></i>
                        <span>消息</span>
                    </li>
                </router-link>
                <router-link to="/index/my">
                    <li>
                        <i class="iconfont icon-wode"></i>
                        <span>我的</span>
                    </li>
                </router-link>

            </ul>
        </nav>
    </div>
</template>

<script>
    export default {
        props:['title','action','color'],
        name: "BottomBar",
        mounted() {
        }
    }
</script>

<style lang="stylus" scoped>
    nav{
        width: 100%
        height: 0.64rem
        position: fixed;
        bottom 0
        left 0
        box-shadow: 0 0.02rem 0.15rem rgba(0,0,0,.45);
    }
    nav ul{
        display flex
        justify-content space-around
    }
    nav ul li{
        display flex
        flex-direction column
        justify-content center
        align-items center
        color #cccccc
    }


    .iconfont{
        font-size 0.22rem
    }

</style>